<!DOCTYPE html>
<html>
<title>Group Explorer 3.0</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="style/w3.css">
<link rel="stylesheet" href="style/w3-theme-blue.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<body>

<!-- Side Navigation -->
<!--
<nav class="w3-sidebar w3-bar-block w3-card w3-animate-left w3-center" style="display:none" id="mySidebar">
  <h1 class="w3-xxxlarge w3-text-theme">Side Navigation</h1>
  <button class="w3-bar-item w3-button" onclick="w3_close()">Close <i class="fa fa-remove"></i></button>
  <a href="#" class="w3-bar-item w3-button">Link 1</a>
  <a href="#" class="w3-bar-item w3-button">Link 2</a>
  <a href="#" class="w3-bar-item w3-button">Link 3</a>
  <a href="#" class="w3-bar-item w3-button">Link 4</a>
</nav>
-->

<!-- Header -->
<header class="w3-container w3-theme w3-padding" id="myHeader">
  <!--<i onclick="w3_open()" class="fa fa-bars w3-xlarge w3-button w3-theme"></i>-->
  <div class="w3-center">
  <!-- <h1 class="w3-xxxlarge">Group Explorer 3.0</h1> -->
  <img src='images/logo.png'/>
  <h4>Visualization software for the abstract algebra classroom</h4>
  <div class="w3-padding-32">
      <a href='GroupExplorer.html'><button class="w3-btn w3-xlarge w3-white w3-hover-blue"
              style="font-weight:900;">Launch web app</button></a>
      <!-- <div class="w3-yellow" style="margin: 0 auto; width: 400px;"> -->
          <p style="padding: 0.5em;">This is a beta release.
          Help by <a href='https://github.com/nathancarter/group-explorer/issues'>reporting bugs</a>!</p>
      <!-- </div> -->
  </div>
  </div>
</header>

<div class="w3-row-padding w3-center w3-margin-top">
<div class="w3-third">
  <div class="w3-card w3-container">
  <h2>Group Library</h2>
  <img height=200 src='images/screenshot-library.png'/>
  <p>All groups up to order 20
  plus noteworthy groups of higher order</p>
  </div>
</div>

<div class="w3-third">
  <div class="w3-card w3-container">
  <h2>Visualization Options</h2>
  <img height=200 src='images/screenshot-all-visualizers-small.png'/>
  <p>Cayley diagrams, multiplication tables, cycle graphs,
  and other visualizations available</p>
  </div>
</div>

<div class="w3-third">
  <div class="w3-card w3-container">
  <h2>Homomorphisms</h2>
  <img height=200 src='images/screenshot-sheet2.png'/>
  <p>Create sheets to see relationships among groups,
  or have Group Explorer create them for you</p>
  </div>
</div>
</div>

<hr>

<div class="w3-row w3-border">
  <div class="w3-quarter w3-container">
    <h3 align=center>Credits</h3>
    <p>Developed by Nathan Carter and Ray Ellis</p>
    <blockquote>
    <p><i class="fa fa-github"></i> <a href='https://github.com/nathancarter/group-explorer'>Source code repository</a></p>
    <p><i class="fa fa-bug"></i> <a href='https://github.com/nathancarter/group-explorer/issues'>Bug reports/feature requests</a></p>
    <p><i class="fa fa-book"></i> <a href='citing.html'>Citing Group Explorer 3.0</a></p>
    </blockquote>
  </div>
  <div class="w3-quarter w3-container">
    <h3 align=center>Features</h3>
    <p>All those listed above, plus:</p>
    <ul>
    <li>Web-based application - no need to install anything</li>
    <li>Group-theoretic computations done visually</li>
    <li>Integrated help system</li>
    </ul>
    <!-- In the future, we may decide to create a page introducing the software.
    <p><i class="fa fa-arrow-circle-right"></i> <a href='intro.html'>Read more...</a></p>
    -->
  </div>
  <div class="w3-quarter w3-container">
    <h3 align=center>Book</h3>
    <div class="w3-half">
    <p>The textbook <a href='http://web.bentley.edu/empl/c/ncarter/vgt/'>Visual Group Theory</a>
    introduces the subject using almost exclusively visual means, and is a great companion
    to this software.</p>
    </div>
    <div class="w3-half">
    <p><a href='http://web.bentley.edu/empl/c/ncarter/vgt/'><img width=100 src='images/vgt-cover.jpg' style='border: 1px solid black;'/></a></p>
    </div>
  </div>
  <div class="w3-quarter w3-container">
    <h3 align=center>Article</h3>
    <div class="w3-half">
    <p>There is <a href='http://mathdl.maa.org/mathDL/4/?pa=content&sa=viewDocument&nodeId=684'>a 2005 article</a>
    on the use of Group Explorer 1.5.8 in the classroom, but it has not been updated for the new version.</p>
    </div>
    <div class="w3-half">
    <p><a href='http://mathdl.maa.org/mathDL/4/?pa=content&sa=viewDocument&nodeId=684'><img width=100 src='images/joma-quotient.jpg' style='border: 1px solid black;'/></a></p>
    </div>
  </div>
</div>

<hr>

<!-- Footer -->
<footer class="w3-container w3-blue w3-padding-16">
  <p>Based on a <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a> template.
  Thanks to them for sharing!</p>
</footer>

</body>
</html>
